<!--
 作者 : 唐梓元
 日期 : 2019-7-15
 版本 : 1.0
 描述 :成果维护
 使用 : <resultControl :cityData="cityData"></resultControl>
 参数 :cityData 为父组件传过来的表格数据
 -->

<template>
  <div>
    <ul>
      <li class="flex titleLi">
        <div class="flex1 f-zhong" v-text="cityData.numText"> 成果名称</div>
        <div class="flex130 f-zhong " v-text="cityData.title1">所属单位</div>
        <div class="flex1 f-zhong" v-text="cityData.title3">完成人</div>

        <div class="flex1 f-zhong" v-text="cityData.title4">课题俩元</div>
        <div class="flex130 f-zhong" v-text="cityData.title5">或将级别</div>
        <div class="flex130 f-zhong" v-text="cityData.title6">学科学段</div>
        <div class="flex130 f-zhong">操作</div></li>

      <li class="flex titleLi" v-for="(item,index) in cityData.table" :key="index">
        <!--<div class="flex1 f-zhong" v-text="item.name"> 01</div>-->
        <div class="flex1 f-zhong person overflow3"><div class="overflow3 f-zhong "><div style="width: 100%" class="overflow3"><span  v-text="item.name" :title="item.name">第三方</span></div></div></div>
        <div class="flex130 overflow3 f-zhong " ><div class=" overflow3" v-text="item.school" :title="item.school"></div></div>
        <div class="flex1 f-zhong person overflow3"><div class="overflow3 f-zhong "><div style="width: 100%" class="overflow3"><span v-for="(item2,index2) in item.person" :key =index2 v-text="item2">第三方</span></div></div></div>
        <div class="flex1 f-zhong person overflow3"><div class="overflow3 f-zhong "><div style="width: 100%" class="overflow3"><span  v-text="item.from" :title="item.name">第三方</span></div></div></div>
        <!--<div class="flex1 f-zhong" v-text="item.from">州市系统</div>-->
        <div class="flex130  f-zhong" > <div v-text="item.grade" class="overflow3" :title="item.grade"></div></div>
        <div class="flex130  f-zhong overflow3" > <div v-text="item.degree" :title="item.degree" style="width: 100%;padding: 05px;text-align: center" class="overflow3"></div></div>
        <div class="flex130  f-zhong"><span class="pointer" @click="do_manage('cg')"> <span class="iconfont icon-bianji"> </span> 操作</span> <span class="pointer"> <span class="iconfont icon-shanchu"> </span> 删除</span> </div>
      </li>
      <!--<li class="flex titleLi"> <div class="flex150 f-zhong"> 02</div> <div class="flex250 f-zhong">州市系统</div><div class="flex1 f-zhong">管理员</div></li>-->
    </ul>
  </div>
</template>

<script>

  export default {
    name: "cm_resultControl",
    props:{
      cityData:Object
    },
    methods:{
      do_manage(item){
        this.$emit("do_manage",item)
      }
    }

  }
</script>

<style scoped>
  ul{
    /*border: 1px solid ;*/
  }
  li{
    height: 35px;
    line-height: 35px;
  }
  li:nth-child(2n){
    background-color: #FFFFFF;
  }
  li:nth-child(2n+1){
    background-color: #F3F8FE;
  }

  li>div{
    border-right: 1px solid #D9D9D9;
    color: #898B8D;
  }
  li:first-child{
    background-color: #74ACFF;

  }
  li:first-child>div{
    color: white !important;
  }
  li>div:last-child{
    border: none;
  }
  .flex130{
    width: 140px;
  }
  .flex100{
    width: 100px;
  }
  .flex180{
    width: 180px;
  }
  .person span{
    padding: 0 5px;
  }
  .icon-bianji{
    color: #FF8D1A;
    /*margin-left: 20px;*/
    cursor: pointer;
  }
  .person{
    /*padding: 0 2% ;*/
    position: relative;
    box-sizing: border-box;
  }
  .person>div{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    right: 20px;
  }
  .icon-shanchu{
    color: #FC6268;
  }
  .pointer:first-child{
    margin-right: 15px;
  }
</style>
